<template>
    <input :placeholder="value" @input="handleInput" type="text">
</template>

<script>
export default {
  name: 'ycInput',
  props: {
    value: ''
  },
  methods: {
    handleInput (event) {
      this.$emit('input', event.target.value)
    }
  }
}
</script>

<style scoped>
input{
  border: 1px solid #999;
  width: 130px;
  height: 25px;
}
</style>
